<!--会员中心 》管理招工-->
<template>
  <div style="width: 100%;height: 600px;margin-left: 60px;overflow: hidden;
        padding: 20px 20px;box-sizing: border-box;font-size: 17px;text-align: left">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="全部" name="whole">
        <div v-if="this.text!=null">
          <h1>有数据</h1>
        </div>
        <div v-else>
          <el-empty description="暂无数据"/>
        </div>
      </el-tab-pane>
      <el-tab-pane label="正在找" name="lookfor">
        <div v-if="this.text.m!=null">
          <h1>有数据</h1>
        </div>
        <div v-else>
          <el-empty description="暂无数据"/>
        </div>
      </el-tab-pane>
      <el-tab-pane label="审核中" name="review">
        <div v-if="this.text!=null">
          <h1>有数据</h1>
        </div>
        <div v-else>
          <el-empty description="暂无数据"/>
        </div>
      </el-tab-pane>
      <el-tab-pane label="未通过" name="fail">
        <div v-if="text.m!=null">
          <h1>有数据</h1>
        </div>
        <div v-else>
          <el-empty description="暂无数据"/>
        </div>
      </el-tab-pane>
      <el-tab-pane label="已招满" name="recruitfull">
        <div v-if="this.text!=null">
          <h1>有数据</h1>
        </div>
        <div v-else>
          <el-empty description="暂无数据"/>
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  name: "MemberManageRecuiView",
  data() {
    return {
      text:[{m:'text',t:'la'}],
      activeName: 'first'
    };
  },
  methods: {
    handleClick(tab, event) {
    }
  },
  mounted() {
    this.user=localStorage.user?localStorage.user:null;
    if (user==null){
      this.$message.error("请登录后重试！")
      this.$router.push('/login');
    }
  }
}
</script>

<style scoped>
.el-tabs p{
  margin: 0px 10px;
}
.el-tabs_item{
  stretch:true;
  width: 300px!important;
}

/deep/.el-tabs__item{
  padding: 0px 50px;
}
</style>